<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a4j="http://richfaces.org/a4j"
	template="/layout/normal.xhtml"
    xmlns:rich="http://richfaces.org/rich">

	<ui:define name="body">
		<rich:panel>
			<f:facet name="header">Datos de Humedales</f:facet>
			<h:panelGrid columns="1" id="mensaje">
				<h:messages id="mensajes"/>
			</h:panelGrid>
			<h:panelGrid columns="9">

				<h:outputText value="Humedal" styleClass="th80"></h:outputText>
				<h:outputText value="#{consultaPuntos.humedal.nombre}"></h:outputText>

				<rich:spacer width="50px;"></rich:spacer>

				<h:outputText value="Código referencia" styleClass="th150"></h:outputText>
				<h:outputText value="#{consultaPuntos.humedal.codRef}"></h:outputText>

			</h:panelGrid>
			<h:panelGrid columns="1" style="text-align:center"
							rendered="#{listaPuntos!=null}" id="listaPuntos">
							<rich:dataTable id="pp" value="#{listaPuntos}" var="pun"
								onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#C1E6EE';"
								onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
								rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
								rendered="#{listaPuntos!=null and listaPuntos.rowCount >0}"
								width="880px" rows="10">
								<f:facet name="header">
									<rich:columnGroup style="font-weight: bold;">
										<rich:column style="text-align:left;">
											<h:outputText value="Tipo" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Código" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Fecha Alta" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Profundidad máxima" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="X" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Y" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Z" />
										</rich:column>
										<rich:column style="text-align:left;width:30px;">
											<h:outputText value="Ver" />
										</rich:column>
										<rich:column style="text-align:left;width:30px;">
											<h:outputText value="Eliminar" />
										</rich:column>
									</rich:columnGroup>
								</f:facet>
								<rich:columnGroup style="font-weight: bold;">
									<rich:column style="text-align:left;">
										<h:outputText value="#{consultaPuntos.tipoPunto(pun)}" />
									</rich:column>
									<rich:column style="text-align:left;width:">
										<h:outputText value="#{pun.codigo}" title="Código del punto de muestreo"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{pun.fechaAlta}" title="Fecha de alta del punto de muestreo">
											<s:convertDateTime type="date" pattern="dd/MM/yyyy" />
										</h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{pun.profundidadMax}" title="Profundidad máxima del punto del muestreo"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{pun.x}" title="Coordenada x"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{pun.y}" title="Coordenada y"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{pun.z}" title="Coordenada z"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;width:30px;">
										<s:button value="" action="#{edicionPunto.select}" view="/puntosMuestreo/datoPunto.xhtml" styleClass="boton editar" style="width:30px;" propagation="nest" />
									</rich:column>
									<rich:column style="text-align:left;width:30px;">
										<a4j:commandButton value="" action="#{consultaPuntos.elimina}" styleClass="boton eliminar" reRender="mensaje,mensajes,listaPuntos" style="width:30px;" />
									</rich:column>

								</rich:columnGroup>
							</rich:dataTable>
							<rich:datascroller align="center" for="pp" maxPages="20"
					            id="sc3" renderIfSinglePage="false" />

		</h:panelGrid>
		</rich:panel>
	</ui:define>

	<ui:define name="botonera">

		<h:panelGrid columns="1" styleClass="botones">
			<s:button  value="" title="Nuevo" action="#{edicionPunto.nuevo}" view="/puntosMuestreo/datoPunto.xhtml" styleClass="boton nuevo" propagation="nest" />
			<h:outputText value="Nuevo" styleClass="boton_texto"></h:outputText>
		</h:panelGrid>
	</ui:define>

</ui:composition>